<template>
	<view class="content-box">
		<view class="fixed">
			<view class="content1">
				<Head></Head>
			</view>
			<view class="content2">
				<Banner></Banner>
			</view>
		</view>

		<div class="main-center">
		      <h1 style="text-align: center;margin-top: 50px;"><strong style="line-height: 75px;">BROCHURE DOWNLOADS</strong></h1>
		      <p style="text-align: center;line-height: 45px;">Explore our extensive range of courses through our selection of brochure downloads</p>
		      <div class="details">
		        <p style="line-height: 45px;"><strong>SCHOOLS AND COLLEGES</strong></p>
		        <p style="line-height: 45px;">Our Independent Schools in Oxford, England deliver GCSE, IGCSE, A-Level and BTEC courses for students, preparing them for success at leading UK and international universities.</p>
		      </div>
		      <div class="flex-box">
		        <div>
		          <img src="../../static/download/1.jpg" alt="">
		          <span>d’Overbroeck’s Sixth Form Prospectus 2021</span>
		          <a href="https://issuu.com/oieg/docs/dvb_sixthform-prospectus2021_v9-issuu">Download Now</a>
		        </div>
		        <div>
		          <img src="../../static/download/2.jpg" alt="">
		          <span>d’Overbroeck’s International School Prospectus 2021</span>
		          <a href="https://issuu.com/oieg/docs/dvb_internationalschool-prospectus2021_v11-issuu">Download Now</a>
		        </div>
		      </div>
		
		      <div class="flex-box">
		        <div>
		          <img src="../../static/download/3.jpg" alt="">
		          <span>Oxford Sixth Form College Prospectus 2021</span>
		          <a href="https://issuu.com/oieg/docs/oxsfc_college_prospectus_fv_full-2020_digital">Download Now</a>
		        </div>
		        <div>
		          <img src="../../static/download/4.jpg" alt="">
		          <span>Oxford Sixth Form College International Foundation Year</span>
		          <a href="https://issuu.com/oieg/docs/oxsfc_ify_brochure_july_2020-digital">Download Now</a>
		        </div>
		      </div>
		
		      <div class="flex-box">
		        <div>
		          <img src="../../static/download/5.jpg" alt="">
		          <span>Bucksmore Summer 2021</span>
		          <a href="https://issuu.com/oieg/docs/bucksmore_summer_2021_brochure">Download Now</a>
		        </div>
		        <div>
		          <img src="../../static/download/6.jpg" alt="">
		          <span>Bucksmore Private Groups 2021</span>
		          <a href="https://issuu.com/oieg/docs/closed_group_brochure_2021-pages">Download Now</a>
		        </div>
		        <div>
		          <img src="../../static/download/7.jpg" alt="">
		          <span>Bucksmore Home Tuition 2021</span>
		          <a href="https://issuu.com/oieg/docs/bucksmore_home_tuition_brochure_2021">Download Now</a>
		        </div>
		      </div>
		      <div class="flex-box">
		        <div>
		          <img src="../../static/download/8.png" alt="">
		          <span>Oxford International College Prospectus 2020</span>
		          <a href="https://issuu.com/oieg/docs/oic_prospectus_2020_v14">Download Now</a>
		        </div>
		        <div class="yincang"></div>
		      </div>
		      <p style="text-align: center;line-height: 45px;"><strong>UNIVERSITY PARTNERSHIPS</strong></p>
		      <p style="text-align: center;margin-bottom: 60px;line-height: 45px">Pathways to higher education through an exciting range of international integrated degree programmes for students from all over the world.
		      </p>
		      <div class="flex-box">
		        <div>
		          <img src="../../static/download/9.jpg" alt="">
		          <span>Oxford International College Prospectus 2020</span>
		          <a href="https://issuu.com/oieg/docs/oieg_university_partnerships_brochure_2021_22">Download Now</a>
		        </div>
		        <div>
		          <img src="../../static/download/10.jpg" alt="">
		          <span>Oxford International College Prospectus 2020</span>
		          <a href="https://issuu.com/oieg/docs/dmuic_brochure_2021_22">Download Now</a>
		        </div>
		        <div>
		          <img src="../../static/download/11.jpg" alt="">
		          <span>Oxford International College Prospectus 2020</span>
		          <a href="https://issuu.com/oieg/docs/bangor_university_international_college_brochure_2">Download Now</a>
		        </div>
		      </div>
		
		
		      <div class="flex-box">
		        <div>
		          <img src="../../static/download/12.jpg" alt="">
		          <span>International College Dundee 2021-2022</span>
		          <a href="https://issuu.com/oieg/docs/international_college_dundee_brochure_2021_22">Download Now</a>
		        </div>
		        <div>
		          <img src="../../static/download/13.jpg" alt="">
		          <span>University of Greenwich International College 2021-2022</span>
		          <a href="https://issuu.com/oieg/docs/university_of_greenwich_international_college_broc">Download Now</a>
		        </div>
		        <div>
		          <img src="../../static/download/14.jpg" alt="">
		          <span>Jacobs University International College 2021-2022</span>
		          <a href="https://issuu.com/oieg/docs/juic_2020-prospectus_vf">Download Now</a>
		        </div>
		      </div>
		
		      <p style="text-align: center; line-height: 45px;"><strong>ENGLISH LANGUAGE PROGRAMMES</strong></p>
		      <p style="text-align: center;margin-bottom: 60px;line-height: 45px">A comprehensive range of English Language, Specialist Subjects and Activity summer programmes for adults and juniors, designed to support students in improving their English and academic skills.
		      </p>
		
		      <div class="flex-box">
		        <div>
		          <img src="../../static/download/15.jpg" alt="">
		          <span>English Language Courses for Adults 2021</span>
		          <a href="https://issuu.com/oieg/docs/english.schools.brochure.2021">Download Now</a>
		        </div>
		        <div>
		          <img src="../../static/download/16.jpg" alt="">
		          <span>English Language Courses for Juniors 2021</span>
		          <a href="https://issuu.com/oieg/docs/junior.programmes.brochure.21">Download Now</a>
		        </div>
		        <div>
		          <img src="../../static/download/17.jpg" alt="">
		          <span>Adult and Junior Year Round Groups 2021</span>
		          <a href="https://issuu.com/oieg/docs/year.round.groups.flyer.2021">Download Now</a>
		        </div>
		      </div>
		
		      <div class="flex-box">
		        <div>
		          <img src="../../static/download/18.jpg" alt="">
		          <span>Junior British English Olympics (BEO) 2021</span>
		          <a href="https://issuu.com/oieg/docs/oxford.international.junior.programmes.beo.brochur">Download Now</a>
		        </div>
		        <div>
		          <img src="../../static/download/19.jpg" alt="">
		          <span>Juniors Masters 2021</span>
		          <a href="https://issuu.com/oieg/docs/oxford.international.junior.programmes.masters.bro">Download Now</a>
		        </div>
		        <div>
		          <img src="../../static/download/20.jpg" alt="">
		          <span>Teacher Training 2021</span>
		          <a href="https://issuu.com/oieg/docs/teacher.training.flyer.2021">Download Now</a>
		        </div>
		      </div>
		
		    </div>
<Foot></Foot>
	</view>
</template>

<script>
	import Head from '@/components/head.vue'
	import Banner from '@/components/banner.vue'
	import Foot from '@/components/foot.vue'
	export default {
		components: {
			Head,
			Banner,
			Foot
		},
		data() {
			return {
				swiperHeight: 0,
			};
		},
		onLoad() {
			let H = window.innerHeight
			let W = window.innerWidth

			if (W > 750) {
				this.swiperHeight = H
			} else {
				this.swiperHeight = 500
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import url("../../css/daxue.css");

	.main-center {
	    max-width: 1200px;
	    margin: 0 auto;
	    padding-top: 180px;
	  }
	  .details{
	    text-align: center;
	    font-size: 18px;
	    line-height: 36px;
	    color: #303030;
	    padding-bottom: 100px;
	    a{
	      text-decoration: none;
	      color: #303030;
	    }
	  }
	  .flex-box{
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    margin-bottom: 40px;
	    div{
	      display: flex;
	      flex: 1;
	      flex-direction: column;
	      align-items: center;
	      margin-bottom: 40px;
	      img{
	        display: block;
	      }
	      span{
	        margin: 15px auto;
	        text-align: center;
	        line-height: 30px;
	        font-size: 17px;
	      }
	      a{
	        color: #fff;
	        padding: 12px 24px;
	        background: #32373c;
	        text-align: center;
	        text-decoration: none;
	      }
	    }
	  }
			@media screen and (max-width: 750px){
				.yincang{
					display: none !important;
				}
				.main-center {
				    max-width: 1200px;
				    margin: 0 auto;
				    padding-top: 40px;
				  }
				.details{
					/* padding-left: 0px;
					flex-direction: column;
					align-items: center; */
					p,ul{
						width: 90%;
						margin: 0 auto;
					}
					
				}
			}
</style>
